<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>admin demo</title>
	<link rel="stylesheet" type="text/css" href="css/sung-ui.css">
	<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.child-menu').click(function(){
				if($(this).next().hasClass('fa-angle-down')){
					$(this).next().removeClass('fa-angle-down').addClass('fa-angle-up');
					$(this).next().next().show();
				} else {
					$(this).next().removeClass('fa-angle-up').addClass('fa-angle-down');
					$(this).next().next().hide();
				}
			});
		});
	</script>
</head>
<body>
	<div class="bartop-header">
		<div class="navbar-header">生活管理系统</div>
		<div class="navbar-header-content">
			<div class="navbar-header-menu">
				<ul>
					<li><a href="javascript:alert('返回控制台！');">控制台</a></li>
					<li><a href="javascript:alert('返回用户！');">用户</a></li>
					<li><a href="javascript:alert('返回设置！');">设置</a></li>
				</ul>
			</div>
			<div class="navbar-header-current-user">
				<ul>
					<!-- <li><a href="javascript:alert('返回控制台！');">控制台</a></li>
					<li><a href="javascript:alert('返回用户！');">用户</a></li>
					<li><a href="javascript:alert('返回设置！');">设置</a></li> -->
					<li>
						<a href="javascript:alert('返回登录用户！');">hoosung</a>
						<ul>
							<li><a href="javascript:alert('返回基本资料！');">基本资料</a></li>
							<li><a href="javascript:alert('返回安全退出！');">安全退出</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="page-admin-content">
		<div class="sidebar-nav">
			<ul>
				<li>
					<a class="child-menu" href="javascript:void(0);">资金项</a><i class="fa fa-angle-down" aria-hidden="true"></i>
					<ul style="display: none;">
						<li><a href="javascript:void(0);">管理资金项</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="main-area"></div>
	</div>
</body>
</html>